<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../00-source/jquery.min.js"></script>
</head>
<body>
    <div class="box" handlename="mikaisa">222</div>
    <button id="btn">123123</button>
    <script>
        // attr()操作自定义属性,可以通过第二个参数赋值
        console.log($('.box').attr('handlename'));
        // prop()操作原生属性,可以通过第二个参数赋值
        console.log($('.box').prop('class'));

        // removeAttr()移除自定义的属性
        // removeProp()官方说可以移除原生的属性，实际上并不能。我也不知道这个方法有啥用
        $('#btn').attr('id','123123')

        // 注意：其实attr是可以获取原生属性，也能赋值的。甚至还能通过removeAttr删除
        // 注意：removeProp其实并不能删除原生属性
    </script>
</body>
</html>